import { AddColumn, AddTask, KanbanFilterTabs } from '@features/KanbanActions'
import { Grid } from '@shared/ui/Grid'
import { Columns } from '@shared/ui/Сolumns/Columns'
import { KanbanColumnList } from '@widgets/KanbanColumnList/KanbanColumnList'
import styles from './Kanban.module.scss'

export const Kanban = () => {
  return (
    <>
      <KanbanFilterTabs />
      <Grid
        alignItems='start'
        className={styles.component}
        colMaxWidth={230}
        colMinWidth={230}
        columns='auto-fill'
        gap={24}
      >
        <KanbanColumnList />
        <Columns addTask={<AddTask />}>В процессе</Columns>
        <Columns addTask={<AddTask />}>Готово</Columns>
        <AddColumn />
      </Grid>
    </>
  )
}
